<!-- 库存管理 -->
<template>
    <div>
        <el-tabs v-model="activeName">
            <el-tab-pane label="商品库存" name="goods">
                <GoodsStockManager />
            </el-tab-pane>
            <el-tab-pane label="旅行库存" name="travel">
                <TravelStockManager />
            </el-tab-pane>
            <el-tab-pane label="酒店库存" name="hotel">
                <HotelStockManager />
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script setup>
import GoodsStockManager from "./GoodsStockManager.vue"
import HotelStockManager from "./HotelStockManager.vue"
import TravelStockManager from "./TravelStockManager.vue"
import { ref, reactive, watch } from "vue";
import useRoute from "@util/router";

const route = useRoute();
const activeName = ref(route.query().tab || "goods")

watch(() => activeName.value, val => {
    route.clearQuerys("tab", val);
})


</script>

<style lang="scss"></style>
